*{margin:0;padding:0}
.show-api-nav{position:fixed;top:10px;left:10px;width:40px;cursor:pointer}
.show-api-nav img{width:100%}
.api-nav{position:fixed;top:0;left:-240px;width:240px;height:100%;background-color:#009688;box-shadow:3px 0 10px rgba(0,0,0,.1);opacity:0;visibility:hidden;transition:all ease-in-out .3s;z-index:1000 !important;}
.api-nav.active{opacity:1;visibility:visible;left:0}
.api-nav-inner{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto}
.api-nav-close{position:absolute;top:12px;right:12px;cursor:pointer}
.api-nav-close img{width:15px}
.api-nav-logo{display:block;color:#fff;padding:20px;margin-top:30px}
.api-nav-logo img{display:block;height:55px;max-width:100%;margin:0 auto}
.search-form{position:relative;width:calc(100% - 20px);margin-left:10px;margin-top:10px}
.search-input{width:100%;height:36px;outline:none;box-sizing:border-box;border:none;padding:0 12px;border-radius:5px;font-size:16px}
.search-submit{position:absolute;top:0;right:0;width:40px;height:36px;text-indent:-9999px;border:none;outline:none;cursor:pointer;background:url(https://vtvgames.com/api/images/icon-search.png) center center no-repeat;background-size:18px auto}
.api-nav-list ul{list-style:none;padding:10px}
.api-nav-list ul li{border-bottom:1px solid #02a595}
.api-nav-list ul li:last-child{border-bottom:none}
.api-nav-list ul li a{display:block;color:#ffffff;padding:8px 5px;text-decoration:none;font-size:14px;line-height:1.5;font-weight:400;text-align:left;}
.api-nav-list ul li a:hover{color:#f5ee31}
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
}
/* Ads  */
.vtv-ads-load-wrap{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 900000;
	background-color: #000;
	font-family: Arial;
}
.vtv-ads-content-wrap{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
}
.vtv-ads-time-all,
.vtv-ads-time-skip,
.vtv-ads-skip-btn{
	position: absolute;
	color: #fff;
	font-size: 14px;
}
.vtv-ads-time-all{
	top: 10px;
	left: 10px;
}
.vtv-ads-time-skip{
	bottom: 40px;
	right: 10px;
}
.vtv-ads-skip-btn{
	display: none;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	border: 1px solid #999;
	padding: 0 10px;
	padding-right: 30px;
	bottom: 26px;
	right: 10px;
	z-index: 1000;
	cursor: pointer;
	background: #000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAAAJiS0dEAP+Hj8y/AAAAZElEQVQ4y+3SwQmDQBBGYRFy9mYLSRXWEyvRRtKBbdhDUoTH8HkVllX+u++48GD2zTTNTYiPrnhDXeBnyAT+Zo9EgNUrE9iMmQCLvhTas2jXWY8jvbNPP5OsU5L1my0uPY2bCjtXdo6mqRVtTgAAAABJRU5ErkJggg==) right 4px center no-repeat;
}
.vtv-ads-skip-btn:hover{
	border: 1px solid #fff;
}
.vtv-ads-content-wrap{
	color: #fff;
}